<template>
	<view class="">
		<view class="item"
		 v-for="(item,index) in list"
		 :key="index">
			<view class="first">
				<view class="name">姓名:{{item.query03}}</view>
				<view class="orderNo">订单号：{{item.id}}</view>
			</view>
			<view class="two">
				<view class="product">业务：{{item.query03}}</view>
				<view class="date">业务员电话：{{item.createBy}}</view>
			</view>
			<!-- <view class="three">
				<view class="periods">期数：{{item.}}</view>
				<view class="money">还款金额：{{item.}}</view>
			</view> -->
		</view>
	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[]
			}
		},
		onShow() {
			this.getList();
		},
		onLoad() {
			this.getList();
		},
		methods: {
			getList() {
				console.log('获取我的申请');
				uni.request({
					url: this.$url + 'buse/fxjBuse_02/listapi',
					data: {
						odata39: uni.getStorageSync("zs_openid"),
						pageNo:1,
						pageSize:1000
					},
					method: 'GET',
					success: (res) => {
						console.log('11111111111');
						console.log(res)
						if(res.statusCode == '200'){
							if(res.data.success){
								this.list = res.data.result.records
							}else{
								uni.showToast({
									title:'请求失败',
									icon:'none',
									duration:2000
								})
							}
						}else{
							uni.showToast({
								title:'请求失败',
								icon:'none',
								duration:2000
							})
						}
					}
				})
			}
		},
	}
</script>

<style>
	.item{
		width:690rpx;
		height:200rpx;
		background:rgba(255,255,255,1);
		box-shadow:0px 0px 18px 2px rgba(4,0,0,0.1);
		border-radius:10rpx;
		margin: 15rpx 30rpx;
	}
	.first{
		/* margin: 30rpx; */
		padding: 30rpx 30rpx 10rpx 30rpx;
		border-bottom: 1rpx solid #CCCCCC;
		font-size: 28rpx;
		/* color: #555555; */
		display: flex;
		overflow: hidden;
	}
	.name{
		flex: 1;
	}
	.orderNo{
		position: absolute;
		right: 0;
		margin-right: 60rpx;
		flex: 1;
	}
	.two{
		display: flex;
		padding: 10rpx 30rpx 10rpx 30rpx;
		font-size: 28rpx;
	}
	.product{
		flex: 1;
	}
	.date{
		flex: 1;
	}
	.three{
		display: flex;
		padding: 10rpx 30rpx 10rpx 30rpx;
		font-size: 28rpx;
	}
	.periods{
		flex: 1;
	}
	.money{
		flex: 1;
	}
</style>
